<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="__STATIC__/js/base.js"></script>
    <title>分享二维码</title>
    <link rel="stylesheet" href="__STATIC__/css/base.css">
    <link rel="stylesheet" href="__STATIC__/css/index.css">
    <link rel="stylesheet" href="__STATIC__/css/orderlist.css">
    <script src="__STATIC__/js/jquery-1.11.1.min.js"></script>
    <script   src="__STATIC__/js/qrcode/qrcode.js"></script>
</head>
<body >
<section class="wrap" >
    <div class="code-1">
           <div class="code-content">
               <div class="code-content-1">长按图片保存到相册</div>
               <div class="code-content-2">我是<span>{$memberName}</span>，我在<span>企业宝</span></div>
               <div class="code-content-3">邀请您的加入</div>
               <div class="code-content-4" ><div id="qrcode" style="    width: 4.181333333rem;margin: 0 auto"></div></div>
               <div class="code-content-5">推荐码：<span id="invitationCode">{$invitationCode}</span></div>
           </div>
    </div>
    <!--底部导航开始-->
    <div class="floor-nav wrap-white">
        <a href="/index.html">
            <img src="__STATIC__/images/home.png" alt="" id="shouye">
            <span >首页</span>
        </a>
        <a href="/category.html">
            <img src="__STATIC__/images/catergry.png" alt="" id="cate">
            <span>分类</span>
        </a>
        <a href="/lists.html">
            <img src="__STATIC__/images/order.png" alt="" id="order">
            <span>订单</span>
        </a>
        <a href="#">
            <img src="__STATIC__/images/me.png" alt="" id="my">
            <span>我的</span>
        </a>
    </div>
    <!--底部导航结束-->
</section>
<script>
    $(function(){
        var url=window.location.href;
        //从订单确认面过来的则是选择收货地址，跳回订单确认页面
        var  index=new RegExp('index.html');
        var  order = new RegExp('lists.html');
        var  my = new RegExp('info.html');
        var  mycommend = new RegExp('mycommend.html');
        var  cate = new RegExp('category.html');
        if(index.test(url)){
            $('#shouye').attr('src','__STATIC__/images/home1.png');
            $('#shouye').parent().children('span').addClass('col-blue');
        };
        if(order.test(url)){
            $('#order').attr('src','__STATIC__/images/order1.png');
            $('#order').parent().children('span').addClass('col-blue');
        };
        if(cate.test(url)){
            $('#cate').attr('src','__STATIC__/images/catergry1.png');
            $('#cate').parent().children('span').addClass('col-blue');
        };
        if(my.test(url)|| mycommend.test(url)){
            $('#my').attr('src','__STATIC__/images/me1.png');
            $('#my').parent().children('span').addClass('col-blue');
        };
    });


</script>
<script >
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width: 100,
        height: 100
    });
    var invitationCode = $('#invitationCode').text();
    var host =  window.location.host;
//    qrcode.makeCode('http://'+host+"/register"+'?invitationCode='+invitationCode);
    qrcode.makeCode('11');
</script>
<script>
    $(function(){
        var height = window.innerHeight;
        var floorH = $('#floor-nav').height();
    $('.code-1').height(height-floorH);
    });

</script>
</body>
</html>